<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>游戏列表</title>
		<link rel="stylesheet" type="text/css" href="css/comoon.css" />
		<link rel="stylesheet" type="text/css" href="css/gamePage.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1837825_n1h8bchyyw.css"/>
	</head>
	<body>
		<div class="container">
			<!-- 头部 -->
			<header>
				<div class="logo">
					<a href="index.html">
						<img src="img/logo.png" alt="">
					</a>
				</div>
				<nav>
					<ul>
						<li>
							<a href="index.html">
								<h3>首页</h3>
								<span>home</span>
							</a>
						</li>
						<li>
							<a href="gameList.html">
								<h3>游戏列表</h3>
								<span>game</span>
							</a>
						</li>
						<li>
							<a href="caseList.html">
								<h3>案例列表</h3>
								<span>Case</span>
							</a>
						</li>
						<li class="active">
							<a href="gamePage.html">
								<h3>游戏内页</h3>
								<span>About us</span>
							</a>
						</li>
						<li>
							<a href="mine.html">
								<h3>个人中心</h3>
								<span>About us</span>
							</a>
						</li>
					</ul>
					<div class="weixin">
						<img src="img/weixin.png" alt="">
					</div>
				</nav>
			</header>
			<!-- 内容 -->
			<div class="main">
				<div class="m_content">
					<div class="c_content">
						<h4>宝石迷阵</h4>
						<p>《宝石迷阵》与暴司时候发行的游的的戏《星际争霸》一样，是一款成功的即时战略游戏。游戏时战略游戏所要素：建设基地和指挥指挥战斗。游戏的操作方式也，秉承了星霸优点，并对星际争霸中一些繁琐的操作进行了简化。</p>
						<div class="button">
							<span>收藏</span>
							<span>制作游戏</span>
							<span>购买</span>
						</div>
					</div>
				</div>
				<div class="m_center">
					<div class="info">
						<div class="i_left">
							<img src="img/phone.png" alt="">
							<img src="img/p_img.png" alt="">
						</div>
						<ul class="i_right">
							<li>
								<div class="showImg">
									<img src="img/timer.png" alt="">
								</div>
								<p>时间</p>
								<p>2014-07-09</p>
							</li>
							<li>
								<div class="showImg">
									<img src="img/price.png" alt="">
								</div>
								<p>价格</p>
								<p>2333</p>
							</li>
							<li>
								<div class="showImg">
									<img src="img/star.png" alt="">
								</div>
								<p>使用次数</p>
								<p>20</p>
							</li>
							<li>
								<div class="showImg">
									<img src="img/folder.png" alt="">
								</div>
								<p>大小</p>
								<p>1034KB</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="m_method">
					<h4>使用方法</h4>
					<p>USE METHODS</p>
					<ul>
						<li>
							<img src="img/icon1.png" alt="">
							<div>
								<h5>STEP ONE</h5>
								<p>选择一个游戏，换图</p>
							</div>
						</li>
						<li>
							<img src="img/icon2.png" alt="">
							<div>
								<h5>THE SECOND STEP</h5>
								<p>选择一个游戏，换图</p>
							</div>
						</li>
						<li>
							<img src="img/icon3.png" alt="">
							<div>
								<h5>THE THIRD STEP</h5>
								<p>选择一个游戏，换图</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 尾部 -->
			<footer>
				<img src="img/footer.png" alt="">
				<p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
			</footer>
		</div>
	</body>
</html>
